<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="Keywords" content="Game develop joy haha ">
  <meta name="Description" content="">
  <link rel="shortcut icon" href="asset/favicon.ico" type="image/x-icon" >
  <title>Asay Game</title>
 </head>
 <style type="text/css">
	body{
		margin:0;
		color:#1c1c1c;
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1 em;
	}

	.wrapper,#head,#content,#foot{
		/*border:1px solid blue;*/
		min-width:400px;
	}

	.wrapper{
		position:relative;
		min-height:400px;
		margin: 0 ;
	}
	#head{
		min-height:100px;
		background-color: #fff;
	}
	#content{
		margin: 50px;
		background-color: #3498db;
		text-align: center;
	}
	#foot{
		min-height:50px;
		color:sienna;
		padding-left: 30px;
	}

	a:link,a:visited,a:active{color:sienna;}
	a:hover{color:blue;}

	strong{
		display: block;
		padding: 20px;
		font-size: 3em;
		text-decoration: none;
	}

 </style>
 <body>
  <div class="wrapper">
  	 <div id="head">
		<img alt="Asay Game" src="asset/logo.png">
  	 </div> 

  	 <div id="content">
  	 	<strong>This is my initial website, a free and weird one.</strong>
  	 	<strong>For more information, please visit my twitter and weibo.</strong>
  	 </div>  	 

  	 <div id="foot">
  	 	<ul>
  	 		<li>twitter : <a href="https://twitter.com/asaygame" >AsayGame</a> </li>
  	 		<li>weibo : <a href="http://weibo.com/asaygames" >AsayGame</a> </li>
  		</ul>
  	 	<p>Copyright @2016. All rights reserved. Asay Game focus on those low temperature games.</p>
  	 </div>

  </div>
 </body>
</html>
 